diff options
| author | Adam Soltys <[email protected]> | 2023-01-18 19:44:27 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2023-01-18 19:44:27 -0800 |
| commit | 67c4af186fec0423664b18847921eb9696a1eeef (patch) | |
| tree | 85e0fb00f3aa89fdde1cbb667bf801564bff7610 /src/routes/(app)/voucher/[redeemcode] | |
| parent | b1ad12734eeafc36a07bd76f649a98ae9ade5723 (diff) | |
| download | coinos-ui-67c4af186fec0423664b18847921eb9696a1eeef.tar.gz coinos-ui-67c4af186fec0423664b18847921eb9696a1eeef.zip | |
pots
Diffstat (limited to 'src/routes/(app)/voucher/[redeemcode]')
| -rw-r--r-- | src/routes/(app)/voucher/[redeemcode]/+page.server.js | 24 | ||||
| -rw-r--r-- | src/routes/(app)/voucher/[redeemcode]/+page.svelte | 77 |
2 files changed, 0 insertions, 101 deletions
diff --git a/src/routes/(app)/voucher/[redeemcode]/+page.server.js b/src/routes/(app)/voucher/[redeemcode]/+page.server.js deleted file mode 100644 index fbbec7bc..00000000 --- a/src/routes/(app)/voucher/[redeemcode]/+page.server.js +++ /dev/null @@ -1,24 +0,0 @@ -import { error, redirect } from '@sveltejs/kit'; -import { auth, get, post } from '$lib/utils'; -import Qr from 'qrcode-base64'; - -export let load = async ({ params: { redeemcode }, url }) => { - let payment = await get(`/voucher/${redeemcode}`); - console.log(payment); - - let src = Qr.drawImg(url.href, { size: 300 }); - return { payment, src }; -}; - -export const actions = { - default: async ({ cookies, locals, params, request }) => { - let { user } = locals; - - if (user) { - await post('/redeem', params, auth(cookies)); - throw redirect(307, `/${user.username}/payments`); - } - - throw redirect(307, '/register'); - } -}; diff --git a/src/routes/(app)/voucher/[redeemcode]/+page.svelte b/src/routes/(app)/voucher/[redeemcode]/+page.svelte deleted file mode 100644 index 9af67498..00000000 --- a/src/routes/(app)/voucher/[redeemcode]/+page.svelte +++ /dev/null @@ -1,77 +0,0 @@ -<script> - import { enhance } from '$app/forms'; - import { page } from '$app/stores'; - import { Avatar, Icon } from '$comp'; - import { toast } from '@zerodevx/svelte-toast'; - import { t } from '$lib/translations'; - import { copy, f, s, sat, sats } from '$lib/utils'; - import { loginRedirect, selectedRate } from '$lib/store'; - - export let data; - let { src } = data; - $: ({ amount, currency, rate, redeemed, redeemcode, user, redeemer } = data.payment); - - toast.pop(0); - - $: amountFiat = parseFloat(((-amount * rate) / sats).toFixed(2)); -</script> - -<div class="container px-4 max-w-lg mx-auto mt-10 space-y-5"> - <div class="w-full flex"> - <a href="/" class="mx-auto"> - <Icon icon="logo" /> - </a> - </div> - - <div class="flex justify-center items-center text-center"> - <div class="shadow-xl rounded-3xl px-10 pt-5 pb-10 space-y-5 w-full mx-5"> - {#if !redeemed} - <img - {src} - class="w-[300px] mx-auto cursor-pointer" - on:click={() => copy(redeemcode)} - alt="Redeem Code" - /> - {/if} - <div class="flex justify-center gap-4"> - <div class="my-auto"> - <h2 class="text-2xl md:text-3xl font-semibold"> - {f(amountFiat, currency)} - </h2> - <h3 class="text-secondary md:text-lg mt-1"> - {sat(amount)} - </h3> - </div> - <div class="my-auto">{$t('transactions.from')}</div> - <div class="flex"> - <Avatar {user} size={20} /> - <div class="my-auto">{user.username}</div> - </div> - </div> - <div class="mx-auto my-auto flex gap-2 justify-center" data-sveltekit-prefetch="off"> - {#if redeemer} - <div class="my-auto">{$t('transactions.redeemedBy')}</div> - <div class="flex"> - <Avatar user={redeemer} size={20} /> - <div class="my-auto">{redeemer.username}</div> - </div> - {:else} - <form - method="POST" - use:enhance - on:submit={() => ($loginRedirect = `/redeem/${redeemcode}`)} - > - <button - type="submit" - class="text-lg rounded-full border py-3 px-7 font-bold hover:opacity-80" - class:bg-gray-200={redeemed} - disabled={$loginRedirect || redeemed} - > - {redeemed ? $t('transactions.redeemed') : $t('transactions.redeem')} - </button> - </form> - {/if} - </div> - </div> - </div> -</div> |
